<template>
    <div class="container">
        <ul>
            <li>
                <div class="message">
                    <img class="avatar" src="@/assets/imgs/cart-empty.png" alt="头像"/>
                    <span class="sender">cwj</span>
                    <span class="content">计算机网络怎么卖？</span>
                </div>
            </li>
            <li>
                <div class="message">
                    <img class="avatar" src="@/assets/imgs/cart-empty.png" alt="头像"/>
                    <span class="sender">管理员</span>
                    <span class="content">商品审核不通过</span>
                </div>
            </li>
        </ul>
    </div>
</template>
<script>

export default ({
    data() {
        return {

        }
    },
})
</script>
<style scoped>
    .container{
        padding: 50px;
    }
    .message {
        width: 600px;
        padding: 50px;
    }
    span{
        float: left;
        display: block;
        width: 500px;
    }
    .avatar{
        float: left;
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }
</style>
